﻿@{
    ViewBag.Title = "概况";
    Layout = "~/Views/Shared/_LayoutLiQun.cshtml";
}
@section head{
    <style type="text/css">
        .listbox
        {
            width: 208px;
            float: left;
            border: 1px solid #ddd;
            padding: 10px;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $("#wpnav a").removeClass("current").eq(0).addClass("current");
        });
        KISSY.use("event,switchable,datalazyload", function (S, Event, Switchable) {
            var Carousel = Switchable.Carousel;
            S.ready(function (S) {
                var carousel2 = new Carousel('#linksbox2', {
                    effect: 'scrollx',
                    easing: 'easeOutStrong',
                    steps: 7,
                    viewSize: [924],
                    circular: false,
                    prevBtnCls: 'prev',
                    nextBtnCls: 'next',
                    autoplay: false,//自动切换
                    disableBtnCls: 'disable',
                    lazyDataType: 'img-src'
                });
            });
        });
    </script>
}
<h3>概况：</h3>
该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容该矿内容
<h3>最新动态：</h3>
<ul class="artlist">
    @foreach (CunguanChuangye.Models.ArticleModel md in ViewBag.Atricles) {
        <li><a href="/Home/Focus">@md.Title</a> <span class="date">@md.Date</span> </li>
    }
</ul>
<h3>技术培训：</h3>
<ul class="artlist">
    @foreach (CunguanChuangye.Models.ArticleModel md in ViewBag.Atricles) {
        <li><a href="/Home/Focus">@md.Title</a> <span class="date">@md.Date</span> </li>
    }
</ul>
<h3>产品销售：</h3>
<div id="linksbox2" class="s-demo scrollable">
    <span id="scroller-prev" class="prev disable">&lsaquo;&lsaquo;</span>
    <span id="scroller-next" class="next">&rsaquo;&rsaquo;</span>
    <div class="scroller">
        <div class="ks-switchable-content">
            <img alt="" src="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" src="http://img02.taobaocdn.com/tps/i2/T1.XGaXalnXXXXXXXX-110-135.png" />
            <img alt="" src="http://img04.taobaocdn.com/tps/i4/T1oEmXXmVoXXXXXXXX-110-135.png" />
            <img alt="" src="http://img04.taobaocdn.com/tps/i4/T1oEmXXmVoXXXXXXXX-110-135.png" />
            <img alt="" src="http://img03.taobaocdn.com/tps/i3/T1Hm1XXipvXXXXXXXX-110-135.png" />
            <img alt="" src="http://img03.taobaocdn.com/tps/i3/T1Hm1XXipvXXXXXXXX-110-135.png" />
            <img alt="" src="http://img03.taobaocdn.com/tps/i3/T1Hm1XXipvXXXXXXXX-110-135.png" />
            <!-- 6-12 -->
            <img id='carousel_lazy1' alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <!-- 12-18 -->
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
            <img alt="" data-ks-lazyload-custom="http://img02.taobaocdn.com/tps/i2/T1l_yXXiFyXXXXXXXX-110-135.png" />
        </div>
        <ul class="ks-switchable-nav">
            <li class="ks-active">&bull;</li>
            <li>&bull;</li>
            <li>&bull;</li>
        </ul>
    </div>
</div>